import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import Components from "unplugin-vue-components/vite";
import AutoImport from 'unplugin-auto-import/vite';
import { VantResolver } from "unplugin-vue-components/resolvers";

export default defineConfig({
//   plugins: [vue()],
  plugins: [
    vue(),
    AutoImport({
        resolvers: [VantResolver()],
      }),
    Components({
      resolvers: [VantResolver()]
    })
  ],
  
  //解决“vite use `--host` to expose”
  base: './',
  server: {             
    host: '0.0.0.0',	
    // port: 8080,      
    open: true
  },
 
  resolve: {
    // 设置路径别名
    alias:{
        "@":resolve(__dirname,'src')
    },
    extensions:['.json','.js','ts']
    
  }
  
})


// import { defineConfig } from "vite";
// import vue from "@vitejs/plugin-vue";
// import { fileURLToPath, URL } from "node:url";
// // https://vitejs.dev/config/
// export default defineConfig({

// //直接看下半部分,下半部分才是配置代理的
//     plugins: [
//         vue(),
//         AutoImport({
//             resolvers: [VantResolver()],
//         }),
//         Components({
//         resolvers: [VantResolver()]
//         })
//     ],
//   // 路径别名
//   resolve: {
//     alias: {
//       "@": fileURLToPath(new URL("./src", import.meta.url)),
//     },
//     extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
//   },


//     //下面是配置代理的所有内容
//     //这里用server,和vue之前配置的有所不同
//     server: {
//         //方式二:设置多个代理
//         proxy: {
//         //这个路径为http://192.168.1.182:3000/douyu/wgapi/vod/front/vodrank/getTagVideos
//         "/douyu": {
//             //target是代理的目标路径
//             target: "http://open.douyucdn.cn",
//             changeOrigin: true, //必须要开启跨域
//             //pathRewrite重写请求的路径,实际请求的路径没有代理标识douyu,需要把斗鱼重置为空字符串
//             rewrite: (path) => path.replace(/\/douyu/, ""), // 路径重写
//         },
//         },
//     },

// });

